vue-cli中vuex IE兼容
vue2.0 兼容ie9及其以上vue-cli中使用vuex的项目 在IE中会出现页面空白 控制台报错的情况:我们只需要安装一个插件，然后在main.js中全局引入即可安装 npm install --save-dev -polyfill引入 import 'babel-polyfill'...
2024-01-10
vue-cli 关闭热更新操作
vue 手脚架在使用过程中，更改代码会自动更新页面，非常的方便，但是有些情况向关闭掉这热更新功能，我使用的是vue-admin-template模板来开发的，所以更改也是基于这个模板的。在build文件夹下有个webpack.dev.conf.js文件。然后添加一个配置项：inline: false 即可关闭热更新操作。补充知识： vue多页面热...
2024-01-10
vue-cli 关闭热更新操作
vue 手脚架在使用过程中，更改代码会自动更新页面，非常的方便，但是有些情况向关闭掉这热更新功能，我使用的是vue-admin-template模板来开发的，所以更改也是基于这个模板的。在build文件夹下有个webpack.dev.conf.js文件。然后添加一个配置项：inline: false 即可关闭热更新操作。补充知识： vue多页面热...
2024-01-10
详解vue-cli 脚手架 安装
一、 node安装1）如果不确定自己是否安装了node,可以在命令行工具内执行： node -v （检查一下 版本）；2）如果 执行结果显示： xx 不是内部命令，说明你还没有安装node , node 安装地址：http://nodejs.cn/download/注 ：安装 vue-cli 脚手架目前需要node版本为 v4.0 以上；二、 vue-cli 全局安装命令行执行 : npm inst...
2024-01-10
vue-cli 配置跨域代理不生效
proxyTable: { '/api':{ target:'http://www.api.com/api', changeOrigin:true, pathRewrite:{ '^/api':'' } }},在config/index.js里配置里这个代理，页面发请求依然是请求到本地的。要怎么正确配置呢？发的请求代码如下this.$http.get('/api/menu/get_list').then(functio...
2024-01-10
vue-cli学习笔记 基础知识篇
1. 组件的定义与使用新建一个components组件vue文件的组成模板页面JS 模块对象样式在App.vue引入 注意引入的实例名开头一定要大写语法 {{exp}}功能：向页面输出数据内部可以是变量、对象调用、表达式注意:一定要有结果<template> <div> <h3>插值语法</h3> <span>{{msg}}</span> <h3>插值...
2024-01-10
vue cli3请求跨域接口404
代理配置，自己创建配置文件 vue.config.jsmodule.exports = {proxyTable: {'/api':{target: 'http://localhost:3000', // 后台apichangeOrigin:true, // 在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，// secure: true,pathRewrite: {'^/api': '/' //需要rewrite的,}}}}根目录配置const baseUrl = process....
2024-01-10
vue-cli 4.3 + iview 兼容IE9
vue-cli 4.3 + iview 兼容IE9安装bable依赖npm install babel-polyfill --savevue.config.js 中配置IE9 不兼容flex 写法，这里引入的iview 中很多样式都是flex 写的给flex-direction：row 中的子元素添加float:left，当高版本浏览器识别flex时，就会自动忽略 float 样式IE9 不兼容 transform 3D 写法 只支持-ms-transform写法（2D）IE9 upload ...
2024-01-10
vue vxe-table表格
原创2022-01-20 11:51·前端开发可以自定义选择引入的模块，减少项目的体积；多主题，多图标；表格种类繁多；扩展插件库；安装vxe-tablenpm install xe-utils vxe-table在main.js中引入vxe-tableimport Vue from "vue";im...
2024-01-10
diff 算法 -vue
1. 前言diff 算法是一种通过同层的树节点进行比较的高效算法，避免了对树进行逐层搜索遍历，所以时间复杂度只有 O(n)。diff 算法的在很多场景下都有应用，例如在 vue 虚拟 dom 渲染成真实 dom 的新旧 VNode 节点比较更新时，就用到了该算法。diff 算法有两个比较显著的特点：比较只会在同层级进行, 不...
2024-01-10
Vue入门——环境的搭建 vue-cli
安装vue-clicnpm install -g @vue/cli创建vue项目 vue create hello-world打开项目，运行工程 cd hello-world npm run serve （cnpm run serve）打开网页http://localhost:8080/启动vue ui 创建vue ui创建完成后，可以看到自己配置的插件运行...
2024-01-10
cordova 和vue-cli 的结合，系列操作
cordova 和vue-cli 的结合，系列操作cordova 和vue-cli 的结合，一系列 环境搭建前提须知安装cordova 创建项目初始化项目环境的文件夹添加平台查看支持的平台删除平台添加插件检查下平台需求是否满足:在模拟器/真机上运行打包bugger版本apk打包release版apk–无signAPK签名项目根目录 添加 Build.json...
2024-01-10vue-cli 可以根据路由打包成多页面吗？
比如有这样几个路由/index/home/me一般单页面最终打包出来的类似于这样的结构（单个html）- js- css- index.html有没有办法在不改变原有页面结构的情况下（页面太多了），把最终的打包结果变成多页面的形式？- index - js - index.html- home - js- - index.html- me - js - index...
2024-02-12
vue-cli 中stylus写样式莫名报错？
报错一：expected "indent", got "eos"错误截图如下：在确认stylus安装无误后，我们应该看看是否stylus代码不符合规范。注意空格、是否对齐等报错二：expected "indent", got "!"如果你是通过vue-cli初始化的项目，不需要在webpack.base.conf.js中加入stylus-loader，因为在webpack.dev.conf.js里已经对所有的样式文件做了处理...
2024-01-10
(笔记整理）vue-cli 脚手架及打包（6）
vue-cli是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目，GitHub地址是：https://github.com/vuejs/vue-cli一、安装vue-cli： 直接全局安装 vue-cli： npm install -g vue-cli但是这种安装方式比较慢，推荐使用国内镜像来安装，所以我们先设置 cnpm：npm install -g cnpm --registry=https://registry.npm.taobao.org ...
2024-01-10
使用vue-cli构建多页面应用+vux（三）
上节中，我们成功的将vue-cli改造成了多入口，既然用了上简单的脚手架，那就希望用个合适的UI组件，去搜索了几个以后，最后选择了使用vux贴上其vux的github地址 https://github.com/airyland/vux 里面还有 详细的中文文档。这是自己完整的github地址 https://github.com/qianyinghuanmie/vue-cli-简单的过一下安装教程...
2024-01-10
vue 添加 fastclick的支持
fastclick：处理移动端click事件300毫秒延迟1、兼容性iOS 3及更高版本的移动SafariiOS 5及更高版本的ChromeAndroid上的Chrome（ICS）Opera Mobile 11.5及以上版本Android 2以来的Android浏览器PlayBook OS 1及以上版本2、安装npm install fastclick -S之后，在main.js中引入，并绑定到bodyimport FastClick from 'fastclick'FastClick.attach(doc...
2024-01-10
解决vue cli4升级sass-loader(v8)后报错问题
sass-loader报错：Module build failed (from ./node_modules/sass-loader/dist/cjs.js):ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema. - options has an unknown property 'data'. ...
2024-01-10
vue v-for src 图片路径问题 404
我的代码结构如下所示不能执行，会出现报错<RadioGroup v-model="animal"> <Radio v-for='a in radio_arr' label={{a}}></Radio></RadioGroup>export default { data(){ return{ radio_arr:['循环1','循环2','循环3'], animal:'循环2' } }} 报错信息： 修改代码如下： 修改内容为...
2024-01-10
解决vue-cli 打包后自定义动画未执行的问题
在vue项目中，想实现无缝向上滚动的自定义动画效果webpack 打包后动画未执行，就是你npm run build生成的dist中动画未生效@-webkit-keyframes move { 0%{ top:0; } 100% { top:-500px; } } 解决方法：在vue项目中找到build文件夹下的vue-loader.conf.js，将extract：isProduction 改为extract：false自定义动画就会生效了...
2024-01-10
vue cli4打包完很多没用到的chunk文件
vue cli4打包完很多chunk文件，刚进到首页，就加载了一堆暂时用不到的文件，怎么可以让chunk文件按需加载（我路由按需加载了）回答因为懒加载，所以被打包成很多 chunk；可以去配置 chunk name, 就可以看出加载了哪些 chunk 了。...
2024-01-10
解决vue v-if 不重新渲染组件问题
问题描述：tab切换，发现v-if 并没有销毁掉组件原因：可能原因是Vue识别到是相似组件（高度相似甚至相同）不会更新元素。解决办法：给俩个高度相似的组件分别加上不同的key值让Vue识别为不同的组件。...
2024-01-10
浅谈vue-cli 3 和 vue-cli 2的区别！！！
Vue-cli3.0于8.11日正式发布，看了下评论，不是特别的乐观，说说我个人的意见，我是Vue的忠实粉，so....大概三个月前超哥就已经得知3.0的消息，试着用了下，相比之下现在的3.0和测试时的区别：modern mode。启用该模式会自动构建两个版本的 js 包，针对支持现代浏览器的原生 ES2015+ 包，和针对其他旧浏...
2024-01-10
vue中v-html为毛不解析img标签嘞
vue的v-html解析不了后台传过来的富文本数据，带标签的那种回答因为你的<和img之间有个空格呢；错误：< img正确: <img...
2024-01-10
